<template>
<!-- 关于我 -->
  <div class="abouts">
    <el-card class="abouts-main">
      <el-row>
        <p><span>自称</span>：<span>小和</span></p>
        <p><span>处境</span>：<span>社会小白</span></p>
        <p><span>现居</span>：<span>广东省-广州市</span></p>
        <p><span>Email</span>：<span>1785229693@qq.com</span></p>
        <p><span>QQ</span>：<span>1785229693</span></p>
      </el-row>
      <el-row>
        <p>自我介绍：<span style="padding-left: 32px;">一个对编程感兴趣的学者，对出现的问题有一种不解决誓不罢休的精神（不过这太可怕了导致我常常熬夜，爆痘了都）。插本学习中。</span></p>
      </el-row>
    </el-card>
    <el-row>
      <h3>更新说明</h3>
      <el-timeline class="about-timeline">
        <el-timeline-item timestamp="2018/4/12" placement="top">
          <el-card>
            <h4>博客正式发布第一版</h4>
            <p>小和 提交于 2020/12/28 20:46</p>
          </el-card>
        </el-timeline-item>
    </el-timeline>
    </el-row>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
.abouts {
  width: 65%;
  margin: auto;
  margin: 3% 0 0 0;
}
.abouts-main {
  width: 100%;
}
.abouts-main .el-row{
  margin: 0 0 20px 0;
}
.abouts-main p {
  padding: 3px 0;
}
.abouts-main p span {
  display: inline-block;
}
.abouts .el-row h3 {
  /* display: block; */
  margin: 20px 0 0 0;
}
.about-timeline{
  margin: 40px 0 0 0 ;
}
.about-timeline h4{
  margin: 0 0 10px 0;
}
.about-timeline p{
  color: #838383;
}
</style>